<template>
  <div>
    <h1>App..</h1>
    <!-- 
      给组件绑定v-model指令，会发生什么？
        1. 给组件绑定value属性。值为num
        2. 给组件绑定自定义事件input，当触发input事件传入的参数，就会修改num的值

      父子组件间通信方案：
        1. 如果只需要父 -> 子，建议使用props
        2. 如果只需要子 -> 父, 建议使用自定义事件
        3. 如果需要 父 <-> 子, 建议使用v-model（只能使用一次）
     -->
    <Child v-model="num" />
  </div>
</template>

<script>
import Child from "./Child.vue";

export default {
  name: "App",
  data() {
    return {
      num: 0,
    };
  },
  components: {
    Child,
  },
};
</script>

<style></style>
